<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>

<script language="javascript" type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>
<link rel="stylesheet" href="../css/bootstrap.min.css">
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<style type="text/css">
#biag{
margin-right: auto;
margin-left: auto;
}

#div1{
margin: 20px;
}
#div2{
width: 810px;
height: 500px;
background-color:  gray;
}
p{
margin: 20px;
}
span{
margin: 10px;
padding-top: 30px;
line-height: 20px;
}
</style>

</head>
<body>
<div id="biag">
<div>
<div id="div1">人事管理 》 请假申请</div>
<!-- Unnamed (水平线) -->
      <img id="u6_line" class="img " src="../img/u199_line.png"/>
</div>
<div id="div2">
<form action="../addOrders">
<p><span> 姓    &nbsp; &nbsp; &nbsp; 名:</span><span>${obj.uname }</span></p>
<p><span> 开始时间:</span><input type="text" class="form-control" id="inputError"  name="O_time" onClick="WdatePicker({skin:'blue',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2100-03-10 20:59:30'})" > </p>
<p><span> 部    &nbsp; &nbsp; &nbsp; 门:</span><span>${obj.deptname }</span></p>
<div class="form-group"><span> 用章类型：</span>
					<select name="O_style" class="form-control" id="grade">
						<option value="请选择用章类型" selected="selected" value="">请选择您的年级</option>
						<option value="公司用章" class="defaultOption">公司用章</option>
						<option value="财务用章" class="defaultOption">财务用章</option>
						<option value="人事用章" class="defaultOption">人事用章</option>
						<option value="病假" class="defaultOption">病假</option>
					</select>
				</div>
				<p>
<span> 请假事由:</span>
<textarea cols="100" rows="6" name="O_reason"></textarea><br>
<p>
<span> 状态：</span>
		<select name="O_state">
          <option value="0">未审批</option>
          <option value="1">已审批</option>
        </select>
</p>

<img id="u6_line" class="img " src="../img/u199_line.png"/>
	<div class="form-group">
					下一步审核：<select name="O_auditor" class="form-control" id="roleid" >
					  <option value="请选择审核人" selected="selected" value="">请选择审核人</option>
					</select>
				</div>
<button type="submit" class="btn btn-success">确定</button>
<button type="button" class="btn btn-primary" onclick="getBack()">取消</button>
</form>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
//点击取消跳转主页面 
function getBack() {
	window.location.href="../index.jsp"
}

/* 选择审批人 */
$(document).ready(
 function showSections(){
	var uid=${obj.uid}; 
	
	$.ajax({
		url:'../sectionList',
		type:'post',
		data:{uid:uid},
		dataType:'json',
		success:function(res){
			$.each(res.section, function(inx, ele) {
				$("#roleid").append(
						"<option value=" + (ele.umgr) + ">"
								+ ele.boss_name + "</option>");
			})
		}
	})
})
</script>

</html>